@import "common"

.merchat
  width: 100%
  min-height: 100%
  background-color: #f5f5f5
  padding-top : 0.86rem
  .form
    width: 100%
    height: 0.6rem
    background-color: #ededed
    border-radius: 2px
    margin-right: auto
    input
      background-color: #ededed
      width: 90%
      height: 100%
      padding-left: 0.28rem

  .icon
    display: inline-block
    width: 0.2rem
    height: 0.2rem

  .quick-s-l
    display: none
    position: absolute
    padding: 0 0.23rem
    right: 0.3rem
    top: 0.86rem
    width: 2.3rem
    height: 2.65rem
    background-color: white
    border-radius: 2px
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)

    font-size: 14px
    li
      line-height: 0.65rem
      font-size: 12px
      border-bottom: 1px solid #d0d0d0
      color: #787878
      text-align: center
    li:last-child
      border-bottom: none
  .search-form
    padding: 0 0.3rem
    background-color: white
    padding-bottom: 0.47rem
    .form-group
      font-size: 16px
      color: #505050
      height: 0.8rem
      line-height: 0.8rem
      border-bottom: 1px solid #e3e3e3
      display: flex
      input
        width: 100%
        flex: 1
    .btn

      width: 4.1rem
      height: 0.75rem
      background-color: $activecolor
      color: white
      text-align: center
      font-size: 18px
      line-height: 0.75rem
      border-radius: 0.4rem
      margin: auto
      margin-top: 0.47rem
    .create-time
      .date
        display: inline-block
      input
        width: 2.4rem
      span
        display: inline-block
        width: 0.5rem
        text-align: center
      label
        display: inline-block
        width: 1.7rem
    .large
      input
        width: 80%

  .order-list
    width: 100%
    height: 100%
    .order-item
      margin-top: 0.2rem
      background-color: white
      font-size: 14px
      .top, .time
        line-height: 0.88rem
        padding: 0 0.3rem
        font-size: 16px
      .top

        @include bg("../icon/next.png")
        background-position: 6.8rem center
        background-size: 0.16rem 0.3rem
      li
        line-height: 0.85rem
        border-top: 1px solid #e3e3e3
        display: flex
        flex-flow: row
        justify-content: space-between
      .time
        font-size: 12px
      .content
        padding: 0rem 0.3rem
        border-left: none
        border-right: none
      .btn
        display: inline-block
        width: 1.2rem
        height: 0.46rem
        font-size: 14px
        text-align: center
        line-height: 0.46rem
        color: white
        border-radius: 0.2rem
        background-color: $activecolor
      .name
        font-size: 16px
      .color
        color: #505050
      .color1
        color: #787878
      .active
        color: $activecolor

.mechat-detail
  background-color: #f5f5f5
  .header
    height: 0.86rem
    .icon-list
      position: relative
      .list
        position: absolute
        z-index: 10000
        padding: 0 0.23rem
        right: 0rem
        top: 0.6rem
        width: 2.3rem
        background-color: white
        border-radius: 2px
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
        font-size: 14px
        opacity: 0
        transition: all .6s ease
        li
          line-height: 0.65rem
          font-size: 12px
          border-bottom: 1px solid #d0d0d0
          color: #787878
          text-align: center
          @include bg("../icon/dqs.png")
          background-position: left center
          background-size: 0.3rem auto
        li:last-child
          border-bottom: none
      .list.active
        opacity: 1
  .content
    margin-top: 0.2rem
  .page-module
    background-color: white
    padding: 0 0.3rem
    margin-bottom: 0.2rem
    width: 100%
    margin-bottom: 0.3rem
  .page-header
    position: relative
    width: 100%
    height: 1.15rem
    padding: 0 0.3rem
    font-size: 18px
    color: #505050
    line-height: 1.15rem
    border-bottom: 1px solid #eeeeee
    &:before
      position: absolute
      left: 0rem
      top: 0.4rem
      content: ""
      display: block
      width: 0.06rem
      height: 0.34rem
      background-color: $activecolor
  .page-body
    li
      min-height: 0.95rem
      font-size: 16px
      color: #808080
      border-bottom: 1px solid #eeeeee
      line-height: 0.95rem
      //display: flex
      //flex-flow: row
      //justify-content: space-between
      span:first-child
        margin-right: .5rem
      span
        color: #505050
  .code
    width: 100%
    padding: 0.4rem
    text-align: center
    img
      width: 1.8rem
      height: 1.8rem
      margin: 0 auto
    p
      font-size: 14px
      color: #787878
      text-align: center

.mint-popup
  width: 100%





